<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
	$('select').change(function() {
		var start_t=$('#start-t').val();
		var start_m=$('#start-m').val();
		var dro=parseFloat($('#dro').val())*5;
		var res = (parseFloat(start_t)*60)+(parseFloat(start_m)*5)
		$(".worker").css({left: res+"px",width:dro});


	});
	});

</script>
</head>
<body>
<div>
დაწყების  დრო
<select id="start-t">
<option  value="0">10</option>
<option  value="1">11</option>
<option  value="2">12</option>
<option  value="3">01</option>
<option  value="4">02</option>
<option  value="5">03</option>
<option  value="6">04</option>
<option  value="7">05</option>
<option  value="8">06</option>
</select>:
<select id="start-m">
<option  value="0">0</option>
<option  value="1">05</option>
<option  value="2">10</option>
<option  value="3">15</option>
<option  value="4">20</option>
<option  value="5">25</option>
<option  value="6">30</option>
<option  value="7">35</option>
<option  value="8">40</option>
<option  value="9">45</option>
<option  value="10">50</option>
<option  value="11">55</option>
</select>
<br/>
შესრულების დრო
<select id="dro">
<option  value="1">05</option>
<option  value="2">10</option>
<option  value="3">15</option>
<option  value="4">20</option>
<option  value="5">25</option>
<option  value="6">30</option>
<option  value="7">35</option>
<option  value="8">40</option>
<option  value="9">45</option>
<option  value="10">50</option>
<option  value="11">55</option>
</select>
<div style="position: absolute; height: 40px;  width: 540px; background-image: url('minute.png'); border: ;">
<div style=" height: 20px; width: 100%; background-image: url('hour.png?hh');"></div>
<div class="" style="position: absolute; height: 19px; left:55px;  width: 50px; background-color: #FA5858;"></div>
<div class="" style="position: absolute; height: 19px; left:150px;  width: 100px; background-color: #FA5858;"></div>
<div class="worker" style="position: absolute; height: 19px; left:0px;  width: 5px; background-color:#BCF5A9; z-index: 2"></div>
<br/><br/>
<input value="შენახვა" type="button"/>
</div>
</div>
</body>
</html>